import React from "react";
export const ACME = ({ className }: { className?: string }) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      width="104"
      height="57"
      fill="currentColor"
      className={className}
    >
      <defs>
        <path id="a" d="M0 56.3049h103.6259V.5575H0z" />
      </defs>
      <g fill="none" fillRule="evenodd">
        <path
          fill="currentColor"
          d="m29.3954 22.4059 1.2724 8.9413h-2.5449l1.2725-8.9413ZM27.591 34.6775h3.5862l.8034 5.2128h3.612l-3.8165-22.679h-4.7254l-3.871 22.679h3.5765l.8348-5.2128Z"
        />
        <g transform="translate(0 .1376)">
          <path
            fill="currentColor"
            d="M43.4074 40.0423c1.4902 0 2.769-.5248 3.8348-1.5745 1.0658-1.0503 1.5998-2.3286 1.5998-3.8377v-3.167h-3.5626v3.1308c0 .543-.194 1.0052-.5814 1.3847-.388.3802-.8543.5707-1.3994.5707-.5452 0-1.0086-.1905-1.3904-.5707-.3818-.3795-.5724-.8418-.5724-1.3847V22.1777c0-.543.1906-1.0073.5724-1.3938.3818-.3858.8452-.579 1.3904-.579.545 0 1.0113.1932 1.3994.579.3874.3865.5814.8509.5814 1.3938v2.6609h3.5626v-2.5887c0-1.4959-.5277-2.7749-1.5817-3.837-1.054-1.0615-2.3382-1.5925-3.8529-1.5925-1.5027 0-2.7863.5276-3.8528 1.5834-1.0666 1.056-1.5991 2.3384-1.5991 3.8461v12.3802c0 1.4966.5297 2.7728 1.59 3.8287 1.0602 1.0559 2.3473 1.5835 3.862 1.5835ZM55.0932 25.5262l3.3259 14.2264h2.7626l2.9804-14.2625v14.2625h3.4348V17.0554h-4.7351l-3.0732 16.3048-3.201-16.3048h-4.9292v22.6972h3.4348zM80.4464 36.3137h-6.3433v-6.19h4.6346v-3.4395h-4.6346v-6.1901h6.3433v-3.4387h-9.7781v22.6971h9.7781z"
          />
          <mask id="b" fill="#fff">
            <use xlinkHref="#a" />
          </mask>
          <path
            fill="currentColor"
            d="M3.5186 52.8008h96.5887V4.0616H3.5186v48.7392ZM0 56.3048h103.6259V.5576H0v55.7474Z"
            mask="url(#b)"
          />
        </g>
      </g>
    </svg>
  );
};
